<h1>管道（过滤器）</h1>
<!-- 1.JsonPipe -->
<p>user: {{user | json}}  </p>
<!-- 2.DecimalPipe -->
<p>num1: {{num1}} </p>
<p>num1: {{ num1 | number }} </p>
<p>num1: {{ num1 | number:"8.8-10"}} </p>
<p>num1: {{ num1 | number:"1.1-3"}} </p>

<!-- 3.percentPipe -->
<p>num2: {{num2}} </p>
<p>num2: {{num2 | percent}} </p>
<p>num2: {{num2 | percent:"1.1-2"}} </p>

<!-- 4.CurrencyPipe -->
<p>num3: {{num3}} </p>
<p>num3: {{num3 | currency}} </p>
<p>num3: {{num3 | currency:"人民币："}} </p>
<p>num3: {{num3 | currency:"CNY"}} </p>
<p>num3: {{num3 | currency:"EUR"}} </p>

<!-- <p>num3: {{num3 | currency:"CNY":true}} </p>
<p>num3: {{num3 | currency:"CNY":flase}} </p> -->
<p>num3: {{num3 | currency:"CNY":"code"}} </p>
<p>num3: {{num3 | currency:"CNY":"symbol"}} </p>
<p>num3: {{num3 | currency:"CNY":"symbol-narrow"}} </p>
<p>num3: {{num3 | currency:"CNY":"symbol-narrow":"2.2-3"}} </p>

<!-- 5.DatePipe -->
<p> {{day}} </p>
<p> {{day | date }} </p>
<p> {{ day | date:"yyyy-MM-dd HH:mm:ss" }} </p>
<p> {{ day | date:"yyyy年MM月dd日-HH时mm分ss秒" }} </p>
<p> {{ day | date:"yyyy年MM月dd日-HH时mm分ss秒":"+8" }} </p>
<p> {{ day | date:"yyyy年MM月dd日-HH时mm分ss秒":"+12" }} </p>
<p> {{dayStr | date:"yyyy年MM月dd日-HH时mm分ss秒"}} </p>
<p> {{ 1231231231231 | date:"yyyy年MM月dd日-HH时mm分ss秒"}} </p>


<!-- 6.keyValuePipe -->
<p>user : {{user | json}} </p>
<p>user-keyValue {{stus | keyvalue | json}} </p>
<ul>
    <li *ngFor="let stu of stus | keyvalue; "> {{stu.key}}:{{stu.value}} </li>
</ul>
<ul>
    <li *ngFor="let stu of stus | keyvalue:sortFun; "> {{stu.key}}:{{stu.value}} </li>
</ul>


<h1>自定义管道</h1>
<p> {{ 12312312.258 | number}}  </p>
<p>自定义管道调用 {{ 12312312.258 | number | replace:",":"" }}  </p>
<p>自定义管道调用 {{ 12312312.258 | number | replace:",":"":"g" }}  </p>

